:host
    flex-grow: .9
    border: #CCC solid 1px
    padding: 16px

.order

    .order-header
        display: flex
        flex-direction: row
        align-items: center

        h3
            flex-grow: 1
            margin: 0
            font-weight: 600

    .order-date, .order-taken
        color: rgba(0,0,0,.54)
        margin: 0

    .order-status-new
        color: #ff6f00

    .order-status-in-progress
        color: #0288d1

    .order-status-finished
        color: #388e3c

    .order-status-received
        color: #7b1fa2
